module.exports = {
    // webpack中真对开发服务器的配置
    // 与gulp类似，都是前端的打包工具
    devServer: {
        // 设置项目启动后是否自动打开浏览器
        open: true,
        // 设置 npm run serve 启动后的端口号（默认是8080）
        // 不要超过端口号允许设置的范围：0-65535
        // 并且需要避开常见的端口号：20,21,22,23,25,80,443,3306,3389,11211,27017
        port: 3000,
        // 如果你开始了eslint,不要让eslint在页面中遮罩，它错误会在console.log控制台打印
        overlay: false,
        // vue项目代理请求
        proxy: {
            // 规则（可以是多套）
            // 每套规则的属性名，是一个标识符，实际不参与请求的路径拼接
            // axios中相对地址开头的字符串  匹配请求uri中的前几位
            // 例如：/api/a/b/c
            // 最终的请求为：https://api.iynn.cn/film/api/v1/api/a/b/c
            // 最终的请求为：https://api.iynn.cn/api/a/b/c
            // 最终的请求为：https://api.iynn.cn/film/api/v1/a/b/c（是它）
            "/api": {
                // 把相对地址中的域名 映射到 目标地址中
                // localhost:3000 => https://api.iynn.cn/film/api/v1/
                target: "https://api.iynn.cn/film/api/v1",
                // 修改host请求的域名为目标域名
                // changeOrigin: false, // 相当于李四告诉老板，帮张三买的
                changeOrigin: true, // 相当于李四用自己身份帮别人买
                // 请求uri和目标uri有一个对应关系
                // 请求/api/login ==> 目标 /v1/api/login
                pathRewrite: {
                    "^/api": "",
                },
            },
            // 在一个项目中可能有使用多套服务商提供的不同的接口，则我们需要有多套代理规则
            // "/aliyun": {
            //     // 这里面是请求阿里云的接口的代理规则
            // target: "https://aliyun.com/alipay/api/v1",
            //     // 修改host请求的域名为目标域名
            //     // changeOrigin: false, // 相当于李四告诉老板，帮张三买的
            //     changeOrigin: true,// 相当于李四用自己身份帮别人买
            //     // 请求uri和目标uri有一个对应关系
            //     // 请求/aliyun/login ==> 目标 /v1/aliyun/login
            //     pathRewrite: {
            //         "^/aliyun": "",
            //     },
            // },
            // "/baidu": {
            //     // 这里面是请求百度的接口的代理规则
            // },
            // "/jd": {
            //     // 这里是请求京东的接口的代理规则
            // }

            // 根据请求地址的第一段路径决定是否走代理，以及走哪一个代理
            // $.get("/api/get/money");
        },
    },
};